@import '@blueprintjs/icons/lib/css/blueprint-icons.css';
@import url('//at.alicdn.com/t/a/font_3205766_c61msw6t07.css');

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --foreground-rgb: #FFFFFF;
  --forecolor-rgb: #1F2937;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;
  --anchor-link-color: #1677ff;
}

.dark {
  --foreground-rgb: #1F2937;
  --forecolor-rgb: #FFFFFF;
  --background-start-rgb: 0, 0, 0;
  --background-end-rgb: 0, 0, 0;
  --anchor-link-color:  #1677ff;
}

body {
  color: var(--forecolor-rgb);
  background-color: var(--foreground-rgb);
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
  
}

@layer components {
  .theme-color {
    @apply text-gray-400 hover:text-gray-800 dark:hover:text-gray-300 dark:text-gray-300;
  }
  .bg-image {
    background-image: url('https://pic.imgdb.cn/item/670e2528d29ded1a8cfb4b12.png');
    background-size: 130% 120%;
    background-repeat: no-repeat;
  }
  
}

.ant-anchor-link-title {
  color: var(--forecolor-rgb) !important;
  background: var(--foreground-rgb);
}

.ant-anchor-link-title-active,.ant-anchor-link-title:hover {
  color: var(--anchor-link-color) !important;
  background: var(--foreground-rgb);
}

.markdown-body pre {
  background: var(--foreground-rgb);
}

.ant-segmented-sm {
  border-radius: 10px !important;
}
.ant-segmented-item-selected {
  border-radius: 10px !important;
}
/* clerk style */
.cl-userProfile-root,
.cl-cardBox {
  width: auto;
  /* height: calc(100vh - 75px) !important; */
}
.cl-navbar {
  background: var(--card-par-bg);
}
.cl-scrollBox {
  background: var(--card-ci-bg);
}
.cl-internal-lqfubk {
  display: none;
}
.cl-signIn-start,
.cl-signUp-start,
.cl-signIn-password,
.cl-signIn-alternativeMethods,
.cl-signIn-emailCode,
.cl-signIn-phoneCode {
  /* width: 25rem; */
}
.cl-cardBox {
  width: 25rem;
}

.next-user-profile .cl-cardBox {
  width: auto;
  height: calc(100vh - 90px) !important;
}
.cl-internal-1bx943x {
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  -webkit-box-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  justify-content: flex-start;
  flex: 1 1 0%;
  scrollbar-gutter: stable;
  padding: 1.75rem 1.5rem 1.75rem 2rem;
  height: 100%;
  overflow-y: auto;
}

.cl-internal-1pr5xvn {
  gap: 0;
}

.cl-internal-1q1j6io {
  box-sizing: border-box;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  justify-content: flex-start;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  padding-top: 1rem;
  padding-bottom: 1rem;
  gap: 1.5rem;
}

.cl-internal-1vtf8dc {
  box-sizing: border-box;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  justify-content: flex-start;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  padding-top: 1rem;
  padding-bottom: 1rem;
  gap: 1.5rem;
}

.cl-internal-10mwlbn {
  box-sizing: border-box;
  color: rgb(255, 255, 255);
  margin: 0px 0px 1rem;
  font-family: inherit;
  letter-spacing: normal;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.41176;
}

.cl-internal-190cjq9 {
  box-sizing: border-box;
  color: rgb(33, 33, 38);
  margin: 0px 0px 1rem;
  font-family: inherit;
  letter-spacing: normal;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.41176;
}